<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>login_regist</title>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./css/login_regist.css">
	<script src="./jquery/jquery-1.11.2.min.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
	<script src="./js/login_regist.js"></script>
</head>
<body>
	<div class="content">
		<img src="image/logo.png">
		<!-- Nav tabs -->
	  <ul class="nav nav-tabs" role="tablist">
	    <li role="presentation" class="active"><a href="#login" aria-controls="login" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span><span class="text">Login</span></a></li>
	    <li role="presentation"><a style="margin-right: 0" href="#register" aria-controls="register" role="tab" data-toggle="tab"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span><span class="text">Register</span></a></li>
	  </ul>

	  <!-- Tab panes -->
	  <div class="tab-content">
	  	<!-- login -->
	    <div role="tabpanel" class="tab-pane active" id="login">
	    	<form action="./php/login.php" method="post">
		    	<input type="text" class="form-control" placeholder="User" name="uphone">
		    	<input type="password" class="form-control" placeholder="Password" name="upassword">
		    	<div class="row">
				  <div class="col-sm-3 col-sm-offset-6"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>Qrcode</div>
				  <div class="col-sm-3" role="presentation"><span class="glyphicon glyphicon-phone" aria-hidden="true"></span><a href="#sms"  aria-controls="register" role="tab" data-toggle="tab">SMS</a></div>
				</div>
				<button type="submit" class="btn btn-primary" disabled>Login</button>
				<div class="checkbox">
				      <input type="checkbox" name="stayin"> Stay in
				 </div>
			 </form>
			 <div class="row">
			 	<div class="col-sm-4 col-sm-offset-8"><a href="#">Forgot password?</a></div>
			 </div>
	    </div>
	    <!-- sms login -->
	   <!--  <div role="tabpanel" class="tab-pane" id="sms">
	    	<form>
		    	<input type="text" class="form-control" placeholder="User">
		    	<input type="email" class="form-control" placeholder="Password">
				<button type="button" class="btn btn-primary">Login</button>
				<div class="checkbox">
				      <input type="checkbox"> Stay in
				 </div>
			 </form>
			 <div class="row">
			 	<div class="col-sm-4 col-sm-offset-8"><a href="#">Forgot password?</a></div>
			 </div>
	    </div> -->
	    <!-- regist -->
	    <div role="tabpanel" class="tab-pane" id="register">
	    	<form action="php/regist.php" method="post">
		    	<div class="form-group">
					<label for="username" class="col-sm-3 control-label">User</label>
				    <div class="col-sm-9">
				      <input type="text" class="form-control" id="username" name="uname">
				    </div>
				</div>
				<p class="error_name"></p>
				<div class="form-group">
				    <label for="pass" class="col-sm-3 control-label">Password</label>
				    <div class="col-sm-9">
				      <input type="password" class="form-control" id="pass" name="upassword">
				    </div>
				</div>
				<p class="error_pass"></p>
				<div class="radio" style="height:24px">
					<label style="font-weight:600" class="col-sm-3 control-label">Gender</label>
					<div class="col-sm-9">
						<label class="radio-inline">
						   <input type="radio" name="ugender" id="m" value="m" checked>
						    Male
						</label>
						<label class="radio-inline">
						   <input type="radio" name="ugender" id="f" value="f">
						    Female
						</label>
					</div>
				</div>
				<div class="form-group">
				    <label for="phone" class="col-sm-3 control-label">Mobile Ph</label>
				    <div class="col-sm-9">
				      <input type="text" class="form-control" id="phone" name="uphone">
				    </div>
				</div>
				<p class="error_phone"></p>
				<button type="submit" class="btn btn-primary" id="regist" disabled>Regist</button>
			 </form>
	    </div>
	  </div>
	</div>
</body>
</html>